Component({
    options: {
        multipleSlots: true // 在组件定义时的选项中启用多slot支持
    },
    properties: {
        title: { // 属性名
            type: String, // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）
            value: '标题', // 属性初始值（可选），如果未指定则会根据类型选择一个
            observer: function (newVal) {
                this.setData({
                    'data[0].img': newVal
                })
                this.run()
            }
        }
    },
    data: {
        data: [
            {
                img: "",
            }
        ],
        broadcast_arr: {
            speed: 2, //滚动速度，每秒5个字
            font_size: "16", //字体大小(px)
            text_color: "#de8c17", //字体颜色
            back_color: "#fffbe8", //背景色
        }
    },

    /**
   * 生命周期函数--监听页面加载
   */
    methods: {
        run() {
            let ititdata = this.data.data,
                assist = this.data.broadcast_arr,
                this_width = 0,
                spacing = 0,
                speed = (this.data.broadcast_arr.speed * this.data.broadcast_arr.font_size); //m每秒行走的距离

            for (let i in ititdata) {
                ititdata[i].starspos = wx.getSystemInfoSync().windowWidth; //以取屏幕宽度为间距
                this_width += (ititdata[i].img.length - 12) * this.data.broadcast_arr.font_size;
                if (i != ititdata.length - 1) {
                    spacing += ititdata[i].starspos
                }
            }
            let total_length = this_width + spacing;//总长
            assist.time = total_length / speed; /**滚动时间*/
            assist.width_mal = total_length;
            this.setData({
                broadcast_arr: assist,
                data: ititdata
            })
        }
    }
})